<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link href="./css/index.css" rel="stylesheet" type="text/css"  />
</head>

<body>
    <div style="background-color: #ECEDF1;" id="app">
        <div class="title title2">
            <i class="jiantou"></i>审批<i class="caozuo"></i>
        </div>
        <div class="content">
            <div class="content_info">
                <div class="info_title">3月25日 19:00</div>
                <div class="info_cont">
                    <p>你的学生离校请假申请已通过</p>
                    <p>请假类型：事假</p>
                    <p>开始时间：2021/3/27 09:00</p>
                    <p>结束时间：2021/3/28 16:00</p>
                </div>
                <div class="info_title">3月25日 19:00</div>
                <div class="info_cont">
                    <p>你的学生离校请假申请已通过</p>
                    <p>请假类型：事假</p>
                    <p>开始时间：2021/3/27 09:00</p>
                    <p>结束时间：2021/3/28 16:00</p>
                </div>
                <div class="info_title">3月25日 19:00</div>
                <div class="info_cont">
                    <p>你的学生离校请假申请已通过</p>
                    <p>请假类型：事假</p>
                    <p>开始时间：2021/3/27 09:00</p>
                    <p>结束时间：2021/3/28 16:00</p>
                </div>
                <div class="info_title">4月1日 19:00</div>
                <div class="info_cont">
                    <p>你的学生离校请假申请已通过</p>
                    <p>请假类型：事假</p>
                    <p>开始时间：2021/3/27 09:00</p>
                    <p>结束时间：2021/3/28 16:00</p>
                </div>
                <div class="info_title">5月7日 19:00</div>
                <div class="info_cont">
                    <p>你的学生离校请假申请已通过</p>
                    <p>请假类型：事假</p>
                    <p>开始时间：2021/3/27 09:00</p>
                    <p>结束时间：2021/3/28 16:00</p>
                </div>
                <div class="info_title">6月11日 19:00</div>
                <div class="info_cont info_cont2" @click="jumpPage">
                    <p>你的学生离校请假申请已通过</p>
                    <p>请假类型：事假</p>
                    <p>开始时间：2021/3/27 09:00</p>
                    <p>结束时间：2021/3/28 16:00</p>
                </div>
            </div>
            
        </div>
        <div class="footer">全部同意 (0)</div>
    </div>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script>
	    let app = new Vue({
			el:'#app',
			data: {
				IsShow: true,
			},
			methods: {
				jumpPage(){
					window.location = 'detail.html'
				}
			}
		})
	</script>
</body>
</html>